<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>博客创作</title>

    <div th:include="commen :: #common_link"></div>
    <link th:href="@{/css/bootstrap-select.min.css}" rel="stylesheet"/>
</head>

<body>
<div th:include="commen :: #common_nav"></div>

<!-- Page Header -->
<header class="masthead" style="background-image: url('/images/coffee-g.jpg')">
    <div class="overlay"></div>
    <div class="container">
        <div class="row">
            <div class="col-lg-8 col-md-10 mx-auto">
                <div class="site-heading">
                    <h1 class="text-nowrap">创作/分享 你的故事</h1>
                    <span class="subheading">Share Your Story With Us</span>
                </div>
            </div>
        </div>
    </div>
</header>


<div class="contact-content">
    <div class="container">
        <form th:action="@{/editC}" method="post">
            <div class="row frame">
                <div class="col-md-4 col-sm-4 col-xs-12">
                    <div class="items">
                        <h3>选择分类 </h3>
                        <p>
                        <div class="form-group">
                            <select name="type" class="selectpicker">
                                <option th:each="type:${typeList}" th:value="${type.getName()}"
                                        th:text="${type.getName()}"></option>
                            </select>
                            <br>
                        </div>
                        </p>
                    </div>
                    <div class="items">
                        <h3>选择标签（可多选）</h3>
                        <p>
                        <div class="form-group">
                            <select name="tags" class="selectpicker" multiple>
                                <option th:each="tag:${tagList}" th:value="${tag.getNid()}"
                                        th:text="${tag.getName()}"></option>
                            </select> <br>
                        </div>
                        </p>
                    </div>
                    <div class="items">
                        <h3>Tips</h3>
                        <p>
                            超过一个空格将被视为分段
                            <br> 请遵守法律法规
                            <br> 请勿发布不合规的内容
                        </p>
                    </div>
                </div>

                <div class="col-md-8 col-sm-8 col-xs-12">
                    <div class="col-md-8 col-sm-8 col-xs-12">
                        <input placeholder="标题" required type="text" name="title"> <br>
                    </div>
                    <br>
                    <div class="col-md-12 form-group">
                        <textarea placeholder="副标题/简介" required type="text" class="form-control" rows="1"
                                  name="subtitle"></textarea>
                    </div>
                    <div class="col-md-12 form-group">
                        <textarea placeholder="内容" type="text" required class="form-control" rows="15" name="content"></textarea>
                    </div>
                    <br>
                    <div class="col-md-12 form-area" align="right">
                        <input type="submit" value="发布">
                    </div>
                </div>
            </div>
        </form>
    </div>
</div>
<div th:include="commen :: #common_footer"></div>


<script th:src="@{/js/bootstrap-select.min.js}"></script>
</body>
</html>
